<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../style.css" rel="stylesheet" type="text/css">
    <link href="blog-style.css" rel="stylesheet" type="text/css">
    <title>青云的小窝-博客</title>
    <script src="../js/jquery-3.2.1.min.js" rel="script" type="text/javascript"></script>
    <script src="../js/navigation.js" type="text/javascript" rel="script"></script>
</head>
<body>
    <iframe src="../header.html" scrolling="no" frameborder="0" width="100%" height="80px" marginwidth="0" marginheight="0"></iframe>
    <div class="main">
        <div class="blogs" id="blogs">
            <div class="blog">
                <div class="blog-image">
                    <a href="article/blog1.html">
                        <img src="images/blog1/title.png">
                    </a>
                </div>
                <h3><a class="link" href="article/blog1.html">【从零开始的建站③】搭建WordPress站点</a></h3>
                <p class="colored-line" style="background: #f16c20;width:150px;margin: 0;margin-left: 20px"></p>
                <p class="blog-introduce">AMP环境搭建完毕后，便可以开始搭建WordPress了。</p>
            </div>
            <div class="blog">
                <div class="blog-image">
                    <a href="article/blog2.html">
                        <img src="images/blog2/title.png">
                    </a>
                </div>
                <h3><a class="link" href="article/blog2.html">【从零开始的建站②】配置Apache+MariaDB+PHP</a></h3>
                <p class="colored-line" style="background: #f16c20;width:150px;margin: 0;margin-left: 20px"></p>
                <p class="blog-introduce">要想搭建WordPress，需要先配置其需要的环境，来了解一下配置的方法吧！</p>
            </div>
            <div class="blog">
                <div class="blog-image">
                    <a href="article/blog3.html">
                        <img src="images/blog3/title.png">
                    </a>
                </div>
                <h3><a class="link" href="article/blog3.html">【从零开始的建站①】购买一台阿里云的学生机</a></h3>
                <p class="colored-line" style="background: #f16c20;width:150px;margin: 0;margin-left: 20px"></p>
                <p class="blog-introduce">最近，阿里云又重新启动了学生机的计划，只需要9.9就可以拥有一台阿里云的云服务器。</p>
            </div>
            <div class="blog">
                <div class="blog-image">
                    <a href="article/blog4.html">
                        <img src="images/blog4/title.png">
                    </a>
                </div>
                <h3><a class="link" href="article/blog4.html">【Construct2游戏】坦克大战 / Tank Battle</a></h3>
                <p class="colored-line" style="background: #f16c20;width:150px;margin: 0;margin-left: 20px"></p>
                <p class="blog-introduce">第一次接触Construct2制作的小游戏</p>
            </div>
            <div class="blog" style="margin-bottom: 0">
                <div class="blog-image">
                    <a href="article/blog5.html">
                        <img src="images/blog5/title.png">
                    </a>
                </div>
                <h3><a class="link" href="article/blog5.html">【Construct2游戏】珠海浮生记</a></h3>
                <p class="colored-line" style="background: #f16c20;width:150px;margin: 0;margin-left: 20px"></p>
                <p class="blog-introduce">使用Java作为后台的Construct2网页游戏，最终版本使用SpringMVC+Spring+MyBatis框架进行制作</p>
            </div>
        </div>
        <div class="navigation" id="navigation">
            <iframe src="navigation.html" scrolling="no" frameborder="0" width="100%" height="1000px"></iframe>
        </div>
    </div>
    <iframe src="../footer.html" scrolling="no" frameborder="0" width="100%" height="75px" marginwidth="0" marginheight="0"></iframe>
</body>
</html>